<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<title>稻香商城</title>
		<link rel="stylesheet" type="text/css" th:href="@{css/index.css}"/>
		<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
	</head>
	<script type="text/javascript">
		window.onload = init;
		
		function init(){
			sessionName();
		}
		
		var i=1;
		function changeImg(){
			i++;
			document.getElementById("img1").src="img/"+i+".jpg";
			if(i>=3){
				i=0;
			}
		}
		
		setInterval("changeImg()",4000);
		
		function sessionName(){
			var username = sessionStorage.getItem("loginUser");
			if(username){
				document.getElementById("sessionName").innerText = "你好，" + username;
				document.getElementById("sessionName").href = "baseInfoSet";
			} else {
				document.getElementById("sessionName").innerText = "你好，请登录";
			}
		}
		
		$(function(){
			$("#shoppingCar").on("click",function(){
				if(sessionStorage.getItem("loginUser") == null){
					alert("请先登录！！！");
				} else {
					$(this).attr("href","shoppingCar");
				}
			});
		});
		</script>
	<body>
		<!-- 顶部tob -->
			<div class="top">
				<div class="header">
					<div class="top-left">
						<font size="3px" color="red">嗨，今天你吃了么!</font>&nbsp;&nbsp;
						<a href="#">加入我们</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">帮助中心</a>&nbsp;&nbsp;&nbsp;&nbsp;
					</div>
					<div class="top_right">
						<a href="reception_login" id="sessionName"></a>
						<a href="register"><font color="red">免费注册</font></a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">我的订单</a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a target="_blank" id="shoppingCar">购物车<img src="img/gowuche.png"></a>&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="#">吃了么会员</a>
					</div>
				</div>
			</div>
		<div class="work">
			<div class="header_1">
				<img src="img/header.jpg" width="100%" height="100%">
			</div>
			<!-- 搜索栏 -->
				<div class="logo">
					<div class="logo_1">
							<img src="img/logo.png" width="110px" height="100px">
							</div>
							<div class="logo_2">
									<input type="text" size="70px" placeholder="搜索食物名称" style="height: 40px;" />
									&nbsp;&nbsp;&nbsp;
								<input type="button" name="" id="button_1" value="搜索" />
								<div class="logo_3">
								<a href="#">奶茶</a>
								<a href="#">蛋糕</a>
								<a href="#">坚果</a>
								<a href="#">酸奶</a>
								<a href="#">饼干</a>
								<a href="#">巧克力</a>
								</div>
								</div>
				</div>
				<!-- 导航栏 -->
				<div class="nav">
					<ul>
					<a href="#"><li>
					<font color="red">首页</font>
					</li></a>
					<a href="fruit" target="_blank"><li>新鲜水果</li></a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#"><li>饼干蛋糕</li></a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#"><li>坚果炒货</li></a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#"><li>饮料冲调</li></a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a href="#"><li>休闲食品</li></a>
				</ul>
				</div>
				<!-- 热卖商品 -->
				<div class="nav_top">
					<img src="img/1.jpg" id="img1" width="100%" height="500px">
				</div>
				<div class="center">
					<img src="img/4.jpg" width="100%" >
				</div>
				<div class="shop">
					<div class="hot">
						<a href="#">
							<img src="img/songshu.jpg" width="205px" height="200px">
						</a><br /><br />
					    <a href="#">
						<font color="black">三只松鼠坚果大礼包9袋</font>
					    </a><br />
					    <font color="red">&yen;119</font>
					</div>
					<div class="hot">
						<a href="#">
							<img src="img/telunsu.jpg" width="205px" height="200px">
						</a><br />
					    <a href="#">
						<font color="black">&nbsp;&nbsp;&nbsp;蒙牛 特仑苏 有机纯牛奶 250ml*24 梦幻盖礼盒装</font>
					    </a><br />
					    <font color="red">&yen;187.20</font>
					</div>
					<div class="hot">
						<a href="#">
							<img src="img/chunzhen.jpg" width="205px" height="200px">
							</a><br />
					    <a href="#">
						<font color="black">&nbsp;&nbsp;&nbsp;蒙牛纯甄 常温风味酸牛奶 200g*24 礼盒装</font>
					    </a><br />
					    <font color="red">&yen;92.90</font>
					</div>
					<div class="hot">
						<a href="#">
							<img src="img/binggan.jpg" width="205px" height="200px">
							</a><br />
					    <a href="#">
						<font color="black">&nbsp;&nbsp;&nbsp;印尼进口 丹麦饼干163g 盒装 早餐 儿童零食饼干</font>
					    </a><br />
					    <font color="red">&yen;13.80</font>
					</div>
				</div>
				<div class="center_1">
					<img src="img/xiuxian.jpg" width="100%" height="100px">
				</div>
				<div class="banner">
					<div class="banner_1">
						<a href="#">
						<img src="img/left-1.jpg" width="100%" height="100%"></a>
					</div>
					<div class="banner_2">
						<div class="things">
							    <a href="#">
									<img src="img/aoliao.jpg" width="200px" height="160px"><br />
								    <font color="black">奥利奥 巧克力味夹心饼干 宅家囤货必备349g</font>
							    </a><br />
							    <font color="red">&yen;19.90</font>
						</div>
						<div class="things">
							
							    <a href="#">
									<img src="img/haochidian.jpg" width="200px" height="160px"><br />
								    <font color="black">达利园 好吃点香脆核桃饼108g饼干蛋糕</font>
							    </a><br />
							    <font color="red">&yen;12.90</font>
						</div>
						<div class="things">
							    <a href="#">
									<img src="img/baobing.jpg" width="200px" height="160px"><br />
								    <font color="black">良品铺子 酥脆薄饼 海苔味早餐饼干300g</font>
							    </a><br />
							    <font color="red">&yen;21.90</font>
								</div>
								<div class="things">
									    <a href="#">
											<img src="img/haoliyou.jpg" width="200px" height="160px"><br />
										    <font color="black">Orion 好丽友 营养早餐点心 巧克力派 30枚 1020g/盒</font>
									    </a><br />
									    <font color="red">&yen;30.90</font>
								</div>
								<div class="things">
									    <a href="#">
											<img src="img/xiaomianbao.jpg" width="200px" height="160px"><br />
										    <font color="black">达利园 法式软面包香奶味360g饼干蛋糕面包</font>
									    </a><br />
									    <font color="red">&yen;9.90</font>
								</div>
								<div class="things">
								<a href="#">
											<img src="img/rousong.jpg" width="200px" height="160px"><br />
										    <font color="black">三只松鼠黄金肉松饼 蛋糕特色小吃456g/袋</font>
									    </a><br />
									    <font color="red">&yen;39.90</font>
								</div>
								<div class="things">
									    <a href="#">
											<img src="img/naixiang.jpg" width="200px" height="160px"><br />
										    <font color="black">港荣蒸蛋糕 奶香味900g/箱 饼干蛋糕 </font>
									    </a><br />
									    <font color="red">&yen;39.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/quqi.jpg" width="200px" height="160px"><br />
										    <font color="black">三只松鼠蔓越莓曲奇 饼干蛋糕薄脆饼干100g/袋</font>
									    </a><br />
									    <font color="red">&yen;16.90</font>
								</div>
					</div>
				</div>
				<div class="center_1">
					<img src="img/jianguo.jpg" width="100%" height="100px">
				</div>
				<div class="banner">
					<div class="banner_1">
						<a href="#">
						<img src="img/mizhan.jpg" width="100%" height="100%">
						</a>
					</div>
					<div class="banner_2">
						<div class="things">
							    <a href="#">
									<img src="img/ganguo.jpg" width="200px" height="160px"><br />
								    <font color="black">沃隆 每日坚果750g（25g*30袋）坚果节日大礼包</font>
							    </a><br />
							    <font color="red">&yen;139.00</font>
						</div>
						<div class="things">
							<a href="#">
									<img src="img/zao.jpg" width="200px" height="160px"><br />
								    <font color="black">&nbsp;&nbsp;&nbsp;好想你 新疆和田 大红枣夹核桃218g/袋</font>
							    </a><br />
							    <font color="red">&yen;18.80</font>
						</div>
						<div class="things">
							<a href="#">
									<img src="img/guazi.jpg" width="200px" height="160px"><br />
								    <font color="black">洽洽 坚果炒货 五香瓜子500g/袋</font>
							    </a><br />
							    <font color="red">&yen;24.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/hetao.jpg" width="200px" height="160px"><br />
										    <font color="black">三只松鼠 原味 纸皮核桃 坚果炒货210g/袋</font>
									    </a><br />
									    <font color="red">&yen;29.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/xiaweiyiguo.jpg" width="200px" height="160px"><br />
										    <font color="black">三只松鼠 奶油味夏威夷果 坚果炒货零食160g/袋</font>
									    </a><br />
									    <font color="red">&yen;9.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/mangguogan.jpg" width="200px" height="160px"><br />
										    <font color="black">三只松鼠 芒果干 蜜饯果干芒果片果脯116g/袋</font>
									    </a><br />
									    <font color="red">&yen;39.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/banli.jpg" width="200px" height="160px"><br />
										    <font color="black">良品铺子 板栗干果炒货栗子袋装即食甘栗仁80g </font>
									    </a><br />
									    <font color="red">&yen;15.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/caomei.jpg" width="200px" height="160px"><br />
										    <font color="black">百草味 水果干 童年零食蜜饯果干果脯 草莓干100g/袋</font>
									    </a><br />
									    <font color="red">&yen;13.90</font>
								</div>
					</div>
				</div>
				<div class="center_1">
					<img src="img/shuiyin.jpg" width="100%" height="100px">
				</div>
				<div class="banner">
					<div class="banner_1">
						<a href="#">
						<img src="img/yinpin.jpg" width="100%" height="100%">
						</a>
					</div>
					<div class="banner_2">
						<div class="things">
							<a href="#">
									<img src="img/shuye.jpg" width="200px" height="160px"><br />
								    <font color="black">农夫山泉 东方树叶茉莉花茶500ml*15瓶 茶饮料 整箱装</font>
							    </a><br />
							    <font color="red">&yen;63.90</font>
						</div>
						<div class="things">
							<a href="#">
									<img src="img/nongfu.jpg" width="200px" height="160px"><br />
								    <font color="black">农夫山泉 饮用水 饮用天然水 1L*12瓶 整箱装</font>
							    </a><br />
							    <font color="red">&yen;89.90</font>
						</div>
						<div class="things">
							<a href="#">
									<img src="img/baisuishan.jpg" width="200px" height="160px"><br />
								    <font color="black">百岁山 饮用天然矿泉水 570ml*24瓶 整箱装</font>
							    </a><br />
							    <font color="red">&yen;51.30</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/shanquan.jpg" width="200px" height="160px"><br />
										    <font color="black">农夫山泉 饮用水 饮用天然水550ml普通装1*24瓶 整箱装</font>
									    </a><br />
									    <font color="red">&yen;35.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/v%20ta.jpg" width="200px" height="160px"><br />
										    <font color="black">维他柠檬茶饮料250ml*24盒 柠檬茶 斗罗大陆动画联名款 整箱装</font>
									    </a><br />
									    <font color="red">&yen;9.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/sudashui.jpg" width="200px" height="160px"><br />
										    <font color="black">名仁 苏打水饮料 无糖无汽弱碱性水 375ml*24瓶 整箱装</font>
									    </a><br />
									    <font color="red">&yen;39.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/hongniu.jpg" width="200px" height="160px"><br />
										    <font color="black">红牛 维生素风味饮料 250ml*24罐 整箱 </font>
									    </a><br />
									    <font color="red">&yen;126.90</font>
								</div>
								<div class="things">
									<a href="#">
											<img src="img/kafei.jpg" width="200px" height="160px"><br />
										    <font color="black">雀巢(Nestle)  丝滑榛果口味 即饮雀巢咖啡饮料 268ml*15瓶</font>
									    </a><br />
									    <font color="red">&yen;76.90</font>
								</div>
					    </div>
				    </div>
					<br /><br /><br /><br />
					<div class="end">
						<img src="img/end1.png" width="100%" height="100%">
					</div>
					<div class="end_1">
						<div class="end_2">
								<dl>
									<dt>
									<dd><b>购物指南</b></dd>
									<a href="#"><dd>购物流程</dd></a>
									<a href="#"><dd>常见问题</dd></a>
									<a href="#"><dd>联系客服</dd></a>
									</dt>
								</dl>
								</div>
								<div class="end_2">
								<dl>
									<dt>
									<dd><b>配送方式</b></dd>
									<a href="#"><dd>上门自提</dd></a>
									<a href="#"><dd>快递/物流/EMS</dd></a>
									<a href="#"><dd>配送服务查询</dd></a>
									<a href="#"><dd>配送费收取标准</dd></a>
									<a href="#"><dd>海外配送</dd></a>
									</dt>
								</dl>
								</div>
								<div class="end_2">
								<dl>
									<dt>
									<dd><b>支付方式</b></dd>
									<a href="#"><dd>微信</dd></a>
									<a href="#"><dd>支付宝</dd></a>
									<a href="#"><dd>银行卡转账</dd></a>
									<a href="#"><dd>货到付款</dd></a>
									<a href="#"><dd>分期付款</dd></a>
									</dt>
								</dl>
								</div>
								<div class="end_2">
								<dl>
									<dt>
									<dd><b>售后服务</b></dd>
									<a href="#"><dd>售后政策</dd></a>
									<a href="#"><dd>退款说明</dd></a>
									<a href="#"><dd>退换货</dd></a>
									<a href="#"><dd>取消订单</dd></a>
									<a href="#"><dd>价格保护</dd></a>
									</dt>
								</dl>
								</div>
								<div class="end_2">
								<dl>
									<dt>
									<dd><b>新手上路</b></dd>
									<a href="#"><dd>如何开店</dd></a>
									<a href="#"><dd>货物上架</dd></a>
									<a href="#"><dd>店主常见问题</dd></a>
									<a href="#"><dd>联系我们</dd></a>
									</dt>
								</dl>
								</div>
							</div>
							<div class="last">
								<center>
									<font size="3">Copyright &copy; 2017-2020 吃了么商城 版权所有</font><br />
									<font size="3">互联网食品信息服务资格证编号(津)-经营性-2017-XXXX|新出发京零 字第大XXXXX号</font><br />
									<font size="3">互联网出版许可证编号新出网证(津)字XXX号|出版物经营许可证|网络文化经营许可证津网文[2017]XXXX-XXX号</font>
									</center>
							</div>
				</div>
	</body>
</html>
